<template>
    <!-- <h1>题库管理</h1> -->
    <div>
		<!-- <div class="container"> -->
			<!-- <div class="handle-box"> -->
                    <!-- <el-tabs type="card">
                      <el-tab-pane label="题库管理">
                       <MyQuestionk></MyQuestionk>
                      </el-tab-pane>
                      <el-tab-pane label="创建题库">
                       <CreateQuestion></CreateQuestion>
                        </el-tab-pane>
                    </el-tabs> -->
                    <p class="tabs-p" v-if="chooseVisible">共享题库是由各管理员创建并 <b>共享</b> 给所有管理员使用的题库，您可以使用这些题库创建试卷、组织考试</p>
                    <p class="tabs-p" v-if="chooseVisible">具备 <b>超级管理员</b> 权限的管理员，可浏览并操作其他管理员的所有题库</p>
                    <p class="tabs-p1" v-else>注意：您正在修改其他管理员创建的题库，请谨慎操作</p>
                    <OtherQuestionk @send-row-data="getRowData" v-if="chooseVisible"></OtherQuestionk>
                    <CreateQuestion  v-else  :rowData="rowData" @change="setVisible" :other="other"></CreateQuestion>
                <!-- </div> -->
		<!-- </div> -->
</div>
</template>

<script setup>
import OtherQuestionk from './OtherQuestionk.vue';
import CreateQuestion from './CreateQuestion.vue';
import { ref } from 'vue'
const chooseVisible= ref(true)

// 获取修改的数据
const rowData = ref()    
const getRowData=(row)=>{
  console.log(row,'<<<oF')
  rowData.value= row
  chooseVisible.value=false
}
const  other =ref('other')
const setVisible = (data)=>{
  // console.log(data,'data')
  chooseVisible.value=data
}
</script >
<style lang="less" scoped>
.tabs-p{
  margin: 0px 0px 20px;
  color: #AAAAAA;
}
.tabs-p1{
  margin: 0px 0px 20px;
  color: #ff0000;
}
</style>